<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <article class="body">
        <!-- 头部 -->
        <header >
            <!-- logo栏 -->
            <section class="logo">
                <img src="./images/logo.png" alt="">
            </section>
            <!-- 菜单栏 -->
            <section class="menu">
                <aside >
                    <h4>HOME</h4>
                    <p>WELCOME</p>
                    <img src="./images/menu_icon1.gif" alt="">
                </aside>
                <aside>
                    <h4>NEWS</h4>
                    <p>FRESH</p>
                    <img src="./images/menu_icon2.gif" alt="">
                    
                </aside>
                <aside>
                    <h4>SERVICES</h4>
                    <p>FOR YOU</p>
                    <img src="./images/menu_icon3.gif" alt="">
                    
                </aside>
                <aside>
                    <h4>PRODUCTS</h4>
                    <p>THE BEST</p>
                    <img src="./images/menu_icon4.gif" alt="">
                </aside>
                <aside>
                    <h4>
                        CONTRACTS</h4>
                    <p>OUR ADDRESS</p>
                    <img src="./images/menu_icon5.gif" alt="">
                </aside>
            </section>
        </header>
    </article>
    <!-- 大图区 -->
    <article class="main_min">
        <nav>
            <!-- 图片 -->
            <div class="min_img">
                <img id="img1" src="./images/img1.jpg" alt="">
                <img id="img2" src="./images/img2.jpg" alt="">
                <img id="img3" src="./images/img3.jpg" alt="">
                <img id="img4" src="./images/img4.jpg" alt="">
            </div>
            <!-- 小圆点 -->
            <div class="min_xyd" >
                <ul class="min_yd">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <aside class="min_yd2"></aside>
            </div>
        </nav>
    </article>
      <article class="main_down">
          <section class="main_down1">
                <aside class="top_text">
                    <div>
                        <aside>
                            <span>A</span>
                            <h3>Business Planning</h3>
                        </aside>
                        <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).
                        </p>
                        <a href="">Read More</a>
                    </div>
                    <div>
                        <aside>
                            <span>B</span>
                            <h3>Business Stargets</h3>
                        </aside>
                        <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                        <a href="">Read More</a>
                    </div>
                    <div>
                        <aside>
                            <span>C</span>
                            <h3>Powerful Annlytice</h3>
                        </aside>
                        
                        <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                        <a href="">Read More</a>
                    </div>
                    <div>
                        <aside>
                        <span>D</span>
                        <h3>Worldwise polution</h3>
                        </aside>
                        <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                        <a href="">Read More</a>
                    </div>
                </aside>
                <aside class="min_text">
                    <div><h2>Welcome dear Visitor</h2></div>
                    <div><h2>Testimonials</h2></div>
                </aside>
                <aside class="down_text">
                    <div class="left_down_text">
                        <aside class="left_down_text1">
                            <img src="./images/page1_img1.jpg" alt="">
                        </aside>
                        <aside class="left_down_text2">
                            <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work). This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                            <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).This website template pages: Home, News,Services, Products, Contacts (contact form doesn't work).</p>
                        </aside>
                    </div>
                    <div class="right_down_text">
                        <aside class="right_down_text_top">
                            <p>This website template pages: Home, News,Services, , CProductsontacts This website template pages</p>
                        </aside>
                        <aside><img src="./images/bg_testimonials.gif" alt=""></aside>
                        <aside>
                            <section class="down_down_text">
                                <p><span>James Coloway,</span> Director</p>
                                <div>
                                    <img src="./images/marker_up.gif" alt="">
                                    <img src="./images/marker_down.gif" alt="">
                                </div>
                                <aside><img src="./images/kongbai.png" alt=""></aside>
                            </section>
                        </aside>
                    </div>
                </aside>
          </section>
      </article>  
        <footer>
            <article class="down_down_down">
                <aside>
                    <h2>Why Us?</h2>
                    <div><p>This website template</p></div>
                    <div><p>This website template</p></div>
                    <div><p>This website template</p></div>
                    <div><p>This website template</p></div>
                </aside>
                <aside>
                    <h2>Arddress</h2>
                    <div>This website template</div>
                    <div>This website template</div>
                    <div>This website template</div>
                    <div>This website template</div>
                </aside>
                <aside>
                    <h2>Follow Us</h2>
                    <div>This website template</div>
                    <div>This website template</div>
                    <div>This website template</div>
                    <div>This website template</div>
                </aside>
                <aside class="aside_down">
                    <h2>Follow Us</h2>
                    <input type="text" placeholder="Tpye Your Email There">
                    <div><button>Scrible</button></div>
                    

                </aside>
            </article>
           
        </footer>
        <section id="footer">
            <div><p>website template by TemplateMastor.com</p>
                <p>3D Modais Provide by Templates.com</p></div>
        </section>   


    
</body>
</html>